<!DOCTYPE html>
<html lang="en">
<head>
    <title>评鉴通 - UI</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="src/enterprise/css/basic.css" />
    <link rel="stylesheet" type="text/css" href="src/enterprise/css/components.css" />
    <link rel="stylesheet" type="text/css" href="src/enterprise/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="src/enterprise/css/page-common.css" />
</head>
<body>
<div class="widthly">
    <div class="sp30"></div>


    <h1 class="pui-title c-blue ffm">评鉴通 UI （PUI）</h1>
    <h6 class="ffm fb fnormal c-gray4">Base on PJT4.0</h6>




    <h2 class="pui-category c-red ffm">1. 布局</h2><!-- ---------------------------------------------------- -->

    <h3 class="pui-subname c-gray ffm">1.1 栅格系统</h3>

    <div class="row">
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
        <div class="col-xs-1 bgc-gray5 c-gray4 tc ffm fm">1</div>
    </div>

    <div class="row">
        <div class="col-xs-3 bgc-gray5 c-gray4 tc ffm fm">3</div>
        <div class="col-xs-3 bgc-gray5 c-gray4 tc ffm fm">3</div>
        <div class="col-xs-3 bgc-gray5 c-gray4 tc ffm fm">3</div>
        <div class="col-xs-3 bgc-gray5 c-gray4 tc ffm fm">3</div>
    </div>

    <div class="row">
        <div class="col-xs-4 bgc-gray5 c-gray4 tc ffm fm">4</div>
        <div class="col-xs-4 bgc-gray5 c-gray4 tc ffm fm">4</div>
        <div class="col-xs-4 bgc-gray5 c-gray4 tc ffm fm">4</div>
    </div>

    <div class="row">
        <div class="col-xs-6 bgc-gray5 c-gray4 tc ffm fm">6</div>
        <div class="col-xs-6 bgc-gray5 c-gray4 tc ffm fm">6</div>
    </div>

    <div class="row">
        <div class="col-xs-12 bgc-gray5 c-gray4 tc ffm fm">12</div>
    </div>









    <h2 class="pui-category c-red ffm">2. 模块</h2><!-- ---------------------------------------------------- -->

    <h3 class="pui-subname c-gray ffm">2.1 面包屑</h3>

    <div class="page-crumb">
        <p>
            <b>当前位置：</b>
            <a href="">首页</a>
            <em>></em>
            <a href="">项目列表</a>
            <em>></em>
            <span class="t-blue">分组管理</span>
        </p>
    </div>

    <h3 class="pui-subname c-gray ffm">2.2 普通导航栏</h3>

    <div class="page-feature">
        <ul class="inline">
            <li class="cur"><a href="#">分组管理<em></em></a></li>
            <li><a href="#">管理员列表<em></em></a></li>
            <li><a href="#">角色管理<em></em></a></li>
        </ul>
        <div class="fea-line"></div>
    </div>




    <div class="sp10"></div><!--10像素间隔-->
    <div class="sp10"></div><!--10像素间隔-->
    <div class="sp10"></div><!--10像素间隔-->
    <div class="sp10"></div><!--10像素间隔-->



    <h3 class="pui-subname c-gray ffm">2.4 步骤图</h3>
    <div class="page-step fm pd20 bgc-white">
        <ul>
            <li class="cur"><a href="javascript:void(0);" class="ant">1 产品信息<i></i></a></li>
            <li class="cur"><a href="javascript:void(0);" class="ant">2 模块结构<i></i></a></li>
            <li><a href="javascript:void(0);" class="ant">3 指标定义<i></i></a></li>
            <li><a href="javascript:void(0);" class="ant">4 问卷信息<i></i></a></li>
            <li><a href="javascript:void(0);" class="ant">5 完成<i></i></a></li>
        </ul>
    </div>



    <div class="sp10"></div><!--10像素间隔-->
    <div class="sp10"></div><!--10像素间隔-->
    <div class="sp10"></div><!--10像素间隔-->
    <div class="sp10"></div><!--10像素间隔-->
    <div class="sp30"></div>







    <h2 class="pui-category c-red ffm">3. 组件</h2><!-- ---------------------------------------------------- -->

    <h3 class="pui-subname c-gray ffm">3.1 下拉菜单</h3>

        <div class="select-group">
            <select name="selectAttachGroup" class="select" id="selectAttachGroup"  data-width="300px">
                <option value="0">全部</option>
                <option value="1">姓名</option>
                <option value="2">邮箱</option>
                <option value="3">角色</option>
                <option value="4">姓名</option>
                <option value="5">邮箱</option>
                <option value="6">角色</option>
                <option value="7">姓名</option>
                <option value="8">邮箱</option>
                <option value="9">角色</option>
                <option value="10">姓名</option>
                <option value="11">邮箱</option>
                <option value="12">角色</option>
                <option value="13">姓名</option>
                <option value="14">邮箱</option>
                <option value="15">角色</option>
            </select>
        </div>

        <h3 class="pui-subname c-gray ffm">3.2 输入框</h3>

            <div class="sp10"></div><!--10像素间隔-->

            <div class="input-group">
                <label>
                    <input class="txt" type="text">
                </label>
            </div>

        <div class="sp10"></div><!--10像素间隔-->

        <div class="input-group">
            <label>
                <span>前缀</span>
                <input class="txt" type="text">
            </label>
        </div>

        <div class="sp10"></div><!--10像素间隔-->

        <div class="input-group">
            <label>
                <input class="txt" type="text">
                <span>后缀</span>
            </label>
        </div>

        <div class="sp10"></div><!--10像素间隔-->

        <div class="input-group button inline">
            <label>
                <input class="txt" type="text">
                <span><button class="icon icon-search" type="submit"></button></span>
            </label>
        </div>

        <div class="sp10"></div><!--10像素间隔-->

        <h3 class="pui-subname c-gray ffm">3.3 切换</h3>

        <div class="sp10"></div><!--10像素间隔-->

        <input class="hide switch" type="hidden" id="switch2" value="0" />

        <div class="sp10"></div><!--10像素间隔-->

        <h3 class="pui-subname c-gray ffm">3.4 单选框</h3>

        <div class="radio-group clearfix" id="demoRedio">
            <div class="radione inline"><input type="radio" name="radiobj" value="a" /><span>Boy</span></div>
            <div class="radione inline"><input type="radio" name="radiobj" value="b" /><span>Girl</span></div>
            <div class="radione inline"><input type="radio" name="radiobj" value="c" checked /><span>Gay</span></div>
        </div>



        <div class="check-group clearfix" id="demoCheckbox">
            <div class="checkone inline"><input type="checkbox" name="chkboxbj" value="x" /><span>龙甘威</span></div>
            <div class="checkone inline"><input type="checkbox" name="chkboxbj" value="y" checked /><span>论文叙老点柳先开</span></div>
            <div class="checkone inline"><input type="checkbox" name="chkboxbj" value="z" /><span>青春梦工厂</span></div>
        </div>



        <h3 class="pui-subname c-gray ffm">3.4 按钮</h3>

        
        <a href="javascript:;" class="btn bgc-green" id="accountAdd">
            <i class="icon icon-addr"></i>
            <span>创建账号</span>
        </a>
    
        <a href="javascript:;" class="btn bgc-blue" id="accountAdd">
            <span>创建账号</span>
        </a>

        <input class="btn bgc-red" type="button" value="按钮1" />

        <button class="btn bgc-red">按钮2</button>

        <button class="btn btn-common">按钮2</button>
    
        <button class="btn bb bgc-red"><i class="icon icon-addr"></i>按钮2</button>

        <button class="btn bb btn-common">按钮2</button>
    



        <h3 class="pui-subname c-gray ffm">3.5 分页</h3>

        <div class="pagination"></div>











    <div class="sp30"></div>


    <h2 class="pui-category c-red ffm">4. 字体图标</h2><!-- ---------------------------------------------------- -->


    <div class="font-icon">
        <ul class="inline">
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-company"></i></div>
                <p class="fs ffm tc c-gray3">icon-company</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-member1"></i></div>
                <p class="fs ffm tc c-gray3">icon-member1</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-member2"></i></div>
                <p class="fs ffm tc c-gray3">icon-member2</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-member3"></i></div>
                <p class="fs ffm tc c-gray3">icon-member3</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-search"></i></div>
                <p class="fs ffm tc c-gray3">icon-search</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-sign"></i></div>
                <p class="fs ffm tc c-gray3">icon-sign</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-addr"></i></div>
                <p class="fs ffm tc c-gray3">icon-addr</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-addr-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-addr-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-set-info"></i></div>
                <p class="fs ffm tc c-gray3">icon-set-info</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-set-list"></i></div>
                <p class="fs ffm tc c-gray3">icon-set-list</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-set-card"></i></div>
                <p class="fs ffm tc c-gray3">icon-set-card</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-arrow-down2"></i></div>
                <p class="fs ffm tc c-gray3">icon-arrow-down2</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-arrow-up2"></i></div>
                <p class="fs ffm tc c-gray3">icon-arrow-up2</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-arrow-down"></i></div>
                <p class="fs ffm tc c-gray3">icon-arrow-down</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-arrow-up"></i></div>
                <p class="fs ffm tc c-gray3">icon-arrow-up</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-camera"></i></div>
                <p class="fs ffm tc c-gray3">icon-camera</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-edu-hat"></i></div>
                <p class="fs ffm tc c-gray3">icon-edu-hat</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-people"></i></div>
                <p class="fs ffm tc c-gray3">icon-people</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-people-id"></i></div>
                <p class="fs ffm tc c-gray3">icon-people-id</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-people-dot"></i></div>
                <p class="fs ffm tc c-gray3">icon-people-dot</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-menu2"></i></div>
                <p class="fs ffm tc c-gray3">icon-menu2</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-target"></i></div>
                <p class="fs ffm tc c-gray3">icon-target</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-ping"></i></div>
                <p class="fs ffm tc c-gray3">icon-ping</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-abacus"></i></div>
                <p class="fs ffm tc c-gray3">icon-abacus</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-index"></i></div>
                <p class="fs ffm tc c-gray3">icon-index</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-at"></i></div>
                <p class="fs ffm tc c-gray3">icon-at</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-influence"></i></div>
                <p class="fs ffm tc c-gray3">icon-influence</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-building"></i></div>
                <p class="fs ffm tc c-gray3">icon-building</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-dollar"></i></div>
                <p class="fs ffm tc c-gray3">icon-dollar</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-shopping-cart"></i></div>
                <p class="fs ffm tc c-gray3">icon-shopping-cart</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-shoulder"></i></div>
                <p class="fs ffm tc c-gray3">icon-shoulder</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-car"></i></div>
                <p class="fs ffm tc c-gray3">icon-car</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-reading"></i></div>
                <p class="fs ffm tc c-gray3">icon-reading</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-waiter"></i></div>
                <p class="fs ffm tc c-gray3">icon-waiter</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-first-aid-kit"></i></div>
                <p class="fs ffm tc c-gray3">icon-first-aid-kit</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-vcr"></i></div>
                <p class="fs ffm tc c-gray3">icon-vcr</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-global-trip"></i></div>
                <p class="fs ffm tc c-gray3">icon-global-trip</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-rmb"></i></div>
                <p class="fs ffm tc c-gray3">icon-rmb</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-bulb"></i></div>
                <p class="fs ffm tc c-gray3">icon-bulb</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-ellipsis-round"></i></div>
                <p class="fs ffm tc c-gray3">icon-ellipsis-round</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-praise"></i></div>
                <p class="fs ffm tc c-gray3">icon-praise</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-edit"></i></div>
                <p class="fs ffm tc c-gray3">icon-edit</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-arrow-upper"></i></div>
                <p class="fs ffm tc c-gray3">icon-arrow-upper</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-arrow-donwer"></i></div>
                <p class="fs ffm tc c-gray3">icon-arrow-donwer</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-delete"></i></div>
                <p class="fs ffm tc c-gray3">icon-delete</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-mail-waiting"></i></div>
                <p class="fs ffm tc c-gray3">icon-mail-waiting</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-mail-success"></i></div>
                <p class="fs ffm tc c-gray3">icon-mail-success</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-mail-fail"></i></div>
                <p class="fs ffm tc c-gray3">icon-mail-fail</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-msg-waiting"></i></div>
                <p class="fs ffm tc c-gray3">icon-msg-waiting</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-msg-success"></i></div>
                <p class="fs ffm tc c-gray3">icon-msg-success</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-msg-fail"></i></div>
                <p class="fs ffm tc c-gray3">icon-msg-fail</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-loop"></i></div>
                <p class="fs ffm tc c-gray3">icon-loop</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-folder"></i></div>
                <p class="fs ffm tc c-gray3">icon-folder</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-computer-input"></i></div>
                <p class="fs ffm tc c-gray3">icon-computer-input</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-loading-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-loading-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-structure-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-structure-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-edit-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-edit-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-website-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-website-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-flag-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-flag-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-praise-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-praise-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-tag-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-tag-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-close-round"></i></div>
                <p class="fs ffm tc c-gray3">icon-close-round</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-file-two"></i></div>
                <p class="fs ffm tc c-gray3">icon-file-two</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-computer-play"></i></div>
                <p class="fs ffm tc c-gray3">icon-computer-play</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-list-digital"></i></div>
                <p class="fs ffm tc c-gray3">icon-list-digital</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-correct-full"></i></div>
                <p class="fs ffm tc c-gray3">icon-correct-full</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-buliding2"></i></div>
                <p class="fs ffm tc c-gray3">icon-buliding2</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-resume"></i></div>
                <p class="fs ffm tc c-gray3">icon-resume</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-computer-round"></i></div>
                <p class="fs ffm tc c-gray3">icon-computer-round</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-date"></i></div>
                <p class="fs ffm tc c-gray3">icon-date</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-ellipsis"></i></div>
                <p class="fs ffm tc c-gray3">icon-ellipsis</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-correct"></i></div>
                <p class="fs ffm tc c-gray3">icon-correct</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-praise2"></i></div>
                <p class="fs ffm tc c-gray3">icon-praise2</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-folder-collapse"></i></div>
                <p class="fs ffm tc c-gray3">icon-folder-collapse</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-folder-expand"></i></div>
                <p class="fs ffm tc c-gray3">icon-folder-expand</p>
            </li>
            <li>
                <div class="tc bgc-gray6 ant"><i class="icon ant icon-close"></i></div>
                <p class="fs ffm tc c-gray3">icon-close</p>
            </li>
        </ul>
    </div>



    <div class="sp30"></div>










    <div class="sp30"></div>
    <div class="sp30"></div>
    <div class="sp30"></div>
    <div class="sp30"></div>
    <div class="sp30"></div>
    <div class="sp30"></div>
    <div class="sp30"></div>
    <div class="sp30"></div>








</div>
    <script type="text/javascript" src="src/libs/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="src/libs/layer-v2.1/layer/layer.js"></script>
    <script type="text/javascript" src="src/enterprise/js/layout.js"></script>
    <script type="text/javascript" src="src/enterprise/js/components/select.js"></script>
    <script type="text/javascript" src="src/enterprise/js/components/switch.js"></script>
    <script type="text/javascript" src="src/enterprise/js/components/page.js"></script> 
    <script type="text/javascript" src="src/enterprise/js/components/radio.js"></script>
    <script type="text/javascript" src="src/enterprise/js/components/checkbox.js"></script>
    <script type="text/javascript" src="src/enterprise/js/components/myvalid.js"></script>
    <script type="text/javascript">

    $(function(){

        $('.select').selectSmart({
            callback: function(i,k,v){
                relayer.message('SelectIndex：'+i+' ，Key：'+k+' ，Value：'+v, {},'resolve');
            }
        });

        $('.switch').switchSmart({
            enable: function(){
                relayer.message('启用',{},'resolve');
            },
            disable: function(){
                relayer.message('禁用',{},'refuse');
            }
        });

        $('#demoRedio input[type=radio]').radioSmart();
        $('#demoCheckbox input[type=checkbox]').checkboxSmart();

        $('.pagination').empty().pager({
            totalItem : 97,
            pageSize : 10,
            pageIndex : 1,
            action: function(pi, ps){
                relayer.message('pageIndex： '+pi+'，pageSize： '+ps,{},'resolve');
            }
        });


        $('#submitForm').validSmart({
            isAsync: true,
            asyncFun: function(){

            }
        });



    })

    </script>
</body>
</html>
